* {
  font-size: 26px;
  margin: 0 auto;
  padding: 0px;
}
#container {
  width: 100%;
  height: 700px;
  margin: 5px;
}
#header {
  width: 100%;
  height: 150px;
}
#logo {
  background: #99ffcc;
  width: 100%;
  height: 98px;
  border-bottom: 2px solid #ffffff;
}
#nav {
  background: #ffdd99;
  width: 100%;
  height: 48px;
  border-bottom: 2px solid #ffffff;
}
#main {
  width: 100%;
  height: 500px;
}
#left {
  width: 33%;
  height: 100%;
  float: left;
}
#left_up_1 {
  background: #99cccc;
  width: 100%;
  height: 123px;
  border-bottom: 2px solid #ffffff;
}
#left_up_2 {
  background: #009999;
  width: 100%;
  height: 123px;
  border-bottom: 2px solid #ffffff;
}
#left_down_1 {
  background: #339999;
  width: 100%;
  height: 123px;
  border-bottom: 2px solid #ffffff;
}
#left_down_2 {
  background: #667788;
  width: 100%;
  height: 125px;
}
#center {
  width: 34%;
  height: 100%;
  float: left;
}
#center_up {
  background: #66ff66;
  width: 100%;
  height: 198px;
  border-bottom: 2px solid #ffffff;
}
#center_down {
  background: #45dd22;
  width: 100%;
  height: 300px;
}
#right {
  width: 33%;
  height: 100%;
  float: left;
}
#right_up {
  background: #55ddfb;
  width: 100%;
  height: 148px;
  border-bottom: 2px solid #ffffff;
}
#right_down {
  background: #667733;
  width: 100%;
  height: 350px;
}
#footer {
  border-top: 2px solid #ffffff;
  background: #dddd11;
  width: 100%;
  height: 48px;
}
